<template>
  <div>
    <van-nav-bar fixed title="签约二维码" left-arrow @click-left="closeSignCode" />
    <div class="has-top">
      <div class="content mg-60 bg-white clearfix">
        <div class="flex-center flex-d-c pt-90">
          <img-box class="pos-r is-390 mb-30" :imgUrl="imgUrl" showBigPicture></img-box>
          <p class="tac fs-28">长按二维码分享给商户管理员确认签约</p>
        </div>
        <img :src="require('@/assets/images/signCodeBg.png')" alt="背景" class="signCodeBg fr mt-110" />
      </div>
    </div>
  </div>
</template>

<script>
import imgBox from 'components/imgBox'
export default {
  name: 'signCode',
  components: { imgBox },
  props: {
    imgUrl: {
      type: String,
      default: false
    }
  },
  methods: {
    closeSignCode() {
      this.$emit('close')
    }
  }
}
</script>
<style lang="scss" scoped>
.content {
  .codeImg {
    width: 390px;
    height: 390px;
  }
  .signCodeBg {
    width: 545px;
  }
}
</style>
